<template>
        <div class="table">
        <el-table
        :data="runTableData" border
          style="width:700px">
          <el-table-column prop="id" label="id" width="150"  v-if="false"/>
          <el-table-column prop="estimatedDate" label="日期" width="120" />
          <el-table-column prop="number" label="抽油机编号" width="100" />
          <el-table-column prop="name" label="责任人姓名" width="100"/>
          <el-table-column  label="工作状态" width="100">
            <template #default="scope">
                                <div style="display: flex; align-items: center">
                                        <span>{{ scope.row.unitStatus==0?'设备上线':'设备下线' }}</span>
                                </div>
                        </template>
          </el-table-column>
          <el-table-column prop="waterContent" label="当日流量" width="100"/>
          <el-table-column label="操作" width="170">
                <template #default="scope">
                                <el-button size="5" type="primary" style="width: 70px;">
                                        查看详情
                                </el-button>
                                        <el-button size="10"  type="warning" @click="">
                                               修改
                                        </el-button>
                        </template>
          </el-table-column>
        </el-table>
</div>
      </template>
      
      <script lang="ts" setup>
    import {ref} from 'vue';
      defineProps(['runTableData'])

    let tableData = ref([])
      </script>
      
      <style scoped>
      .el-table .warning-row {
        --el-table-tr-bg-color: var(--el-color-warning-light-9);
      }
     .table{
       position: relative;
       left: 30px;
     }
      </style>
      